body {
	margin: 0;
	background: #CCCCFF;
}

#title {
	position: absolute;   /* 绝对定位 相对于整个页面 */
	width: 40%;
	height: 8%;
	top: 0; 
	left: 25%;   /* 确定了width 和 left 会自动确定 right */
	/* background: #3A7734  确定了body的背景色 这里就不用再指定背景色 */
	color: black;   /* 字体颜色 */
	font-size: 38px;  /* 字体大小 */
	display: flex;  /* 弹性布局 */
	align-items: center;  /* 水平方向 居中 */
	justify-content: center; /* 竖直方向 居中 */
}

#tim {
	position: absolute;
	height: 8%;
	top: 0;
	right: 5%;
	color: #3A7734;
	font-size: 25px;
}

#c1 {
	position: absolute;
	width: 30%;
	height: 20%;
	top: 10%;
	left: 32%;
}

.num {
	width: 30%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3A7734;
	font-size: 20px;
}
.txt {
	width: 30%;
	float: left;
	font-family: "幼圆";
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: palevioletred;
}

#c2 {
	position: absolute;
	width: 30%;
	height: 50%;
	top: 40%;
	left: 31%;
}

#l1 {
	position: absolute;
	width: 30%;
	height: 45%;
	top: 5%;
	left: 0%;
}

#l2 {
	position: absolute;
	width: 30%;
	height: 45%;
	top: 55%;
	left: 0%;
}

#r1 {
	position: absolute;
	width: 38%;
	height: 45%;
	top: 5%;
	right: 0%;
}

#r2 {
	position: absolute;
	width: 40%;
	height: 40%;
	top: 50%;
	right: 0%;
}